<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <link rel="stylesheet" href="css/shoppingcard.css">
</head>

<body class="full">
    <!-- 顶部开始 -->


    <div class="top">
        <div class="containt cf">
            <h4><a href="index.html">乐购www.lego.com</a> </h4>
            <p>请
                <span><a href="sign.html"> 登录 </a>| </span>
                <span><a href="register.html"> 注册</a></span>
            </p>
            <p>欢迎光临乐购</p>
        </div>
    </div>


    <!-- 导航开始 -->
    <header class="containt cf">
        <div class="logo">
            <img src="" alt="">
        </div>
        <div class="ipt">
            <input type="text" placeholder="请输入搜索的商品名">
            <button type="button" class="btn1">
                <img src="images/搜索.png" alt="">
            </button>
            <button type="button" class="btn2">
                <img src="images/购物车.png">购物车</button>
            <button type="button" class="btn3">我的订单</button>
            <div style="margin-top:16px ">
                <a href="">图书</a>
                <a href="">电子书</a>
                <a href="">原创文学</a>
                <a href="">服装</a>
                <a href="">运动户外</a>
                <a href="">孕婴童</a>
                <a href="">家具</a>
                <a href="">创意文具</a>
                <a href="">地方特产</a>
                <a href="">海外购</a>
                <a href="">电器城</a>
            </div>
        </div>
    </header>

    <!-- 主要内容 -->
    <main>
        <section id="cartbox" class="containt zj">
            <table>
              <thead>
                <tr class="tcenter">
                  <td><input type="checkbox"  class="selectall"/>全选</td>
                  <td>商品</td>
                  <td>单价</td>
                  <td>数量</td>
                  <td>小计</td>
                  <td>操作</td>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
                  <td>
                    <img src="images/pic5.jpg" alt="" />
                    木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫
                  </td>
                  <td class="singleprice">41.00</td>
                  <td class="clearfix">
                    <a class="fl reducebtn">-</a>
                    <input type="text" class="num fl" value="1" />
                    <a class="fl addbtn">+</a>
                  </td>
                  <td class="price">41.00</td>
                  <td>
                    <a class="del"> 删除</a>
                  </td>
                </tr>
                <tr>
                  <td class="tcenter"><input type="checkbox" class="singlechk" /></td>
                  <td>
                    <img src="images/pic5.jpg" alt="" />
                    木果果木2016秋装新品韩范简约宽松中长款纯棉长袖衬衫
                  </td>
                  <td class="singleprice">41.00</td>
                  <td class="clearfix">
                    <a class="fl reducebtn">-</a>
                    <input type="text" class="num fl" value="1" />
                    <a class="fl addbtn">+</a>
                  </td>
                  <td class="price">41.00</td>
                  <td>
                    <a class="del"> 删除</a>
                  </td>
                </tr>
              </tbody>
              <tfoot>
                <tr>
                  <td class="tcenter"><input type="checkbox" class="selectall" />全选</td>
                  <td>
                    <a>删除选中商品</a>
                  </td>
                  <td colspan="2">已选择<span class="num2">0</span>件商品</td>
      
                  <td style="color: #e50500">总价<span  id="totalprice">0.00</span></td>
                  <td style="background-color:#e50500 ">
                    <a href="#" style="color: white;text-align: center;"> 去结算</a>
                  </td>
                </tr>
              </tfoot>
            </table>
            <div class="like containt">
                <p>猜你喜欢</p>
                <ul class="cf">
                    <li>
                        <img src="images/like.jpg" alt="">
                        <h3>AIVEI秋新中长款牛仔外套</h3>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="images/like.jpg" alt="">
                        <h3>AIVEI秋新中长款牛仔外套</h3>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="images/like.jpg" alt="">
                        <h3>AIVEI秋新中长款牛仔外套</h3>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="images/like.jpg" alt="">
                        <h3>AIVEI秋新中长款牛仔外套</h3>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="images/like.jpg" alt="">
                        <h3>AIVEI秋新中长款牛仔外套</h3>
                        <span>¥ 79.00</span>
                    </li>
                    <li>
                        <img src="images/like.jpg" alt="">
                        <h3>AIVEI秋新中长款牛仔外套</h3>
                        <span>¥ 79.00</span>
                    </li>
                </ul>
            </div>
          </section>
    
    
</main>
<!-- 尾部 -->

<footer class="containt">
    <ul>
        <li>
            <a>
                <img src="images/p1.jpg" alt="" style="border: white">
                <div>
                    <h2>正品保障</h2>
                    <p>正品行货  放心选购</p>
                </div>
            </a>
        </li>
        <li>
            <a>
                <img src="images/p2.jpg" alt="">
                <div>
                    <h2>满86包邮</h2>
                    <p>满86元 免运费</p>
                </div>
            </a>
        </li>
        <li>
            <a>
                <img src="images/p3.jpg" alt="">
                <div>
                    <h2>售后无忧</h2>
                    <p>7天无理由退货</p>
                </div>
            </a>
        </li>
        <li>
            <a>
                <img src="images/p4.jpg" alt="">
                <div>
                    <h2>准时送达</h2>
                    <p>收货时间由你做主</p>
                </div>
            </a>
        </li>
    </ul>
    <div class="mid cf">
        <div>
            <h2><a href="#">新手入门</a></h2>
            <p><a href="#">购物流程</a></p>
            <p><a href="#">会员制度</a></p>
            <p><a href="#">订单查询</a></p>
            <p><a href="#">服务协议及隐私说明</a></p>
            <p><a href="#">网站地图</a></p>
        </div>
        <div>
            <h2><a href="#">支付方式</a></h2>
            <p><a href="#">货到付款</a></p>
            <p><a href="#">网上支付</a></p>
            <p><a href="#">礼品卡支付</a></p>
            <p><a href="#">其它支付</a></p>
        </div>
        <div>
            <h2><a href="#">配送服务</a></h2>
            <p><a href="#">配送进度查询</a></p>
            <p><a href="#">商品验货与签收</a></p>
        </div>
        <div>
            <h2><a href="#">相关规则</a></h2>
            <p><a href="#">平台规则</a></p>
            <p><a href="#">退换货政策</a></p>
            <p><a href="#">发票制度</a></p>
            <p><a href="#">帮助中心</a></p>
        </div>
        <div>
            <h3>App更优惠</h3>
            <img src="images/二维码1.jpg" alt="">
        </div>
        <div>
            <h3>加微信查订单</h3>
            <img src="images/二维码2.jpg" alt="">
        </div>
    </div>
</footer>

<div class="over">
        <p style="padding-top:30px; ">沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX | </p>
        <p>沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证</p>
        <p style="padding-bottom:20px ;">
            <img src="images/商标1.jpg" alt="">
            <img src="images/商标2.png" alt="">
            <img src="images/商标3.jpg" alt="">
            <img src="images/商标4.jpg" alt="">
            <img src="images/商标5.png" alt="">
            <img src="images/商标1.jpg" alt="">
        </p>
</div>
    <script src="js/jquery.min.js"></script>
    <script src="js/shoppingcard.js"></script>
</body>

</html>